<template>
    <div class="produce-drawings">
        <ContentWrap>
            <h2 style="margin: 0; padding: 0;">专题图件产出管理</h2>
            <p style="margin-top: 30px;font-size: 18px;">专题图件模板管理，图件生成规则管理</p>
            <el-tabs type="border-card" v-model="activeName">
                <el-tab-pane label="模板管理" name="模板管理">
                    <TemplateA></TemplateA>
                </el-tab-pane>
                <el-tab-pane label="规则管理" name="规则管理">
                    <TemplateB></TemplateB>
                </el-tab-pane>
            </el-tabs>
        </ContentWrap>
    </div>
</template>

<script setup>
import { ref } from 'vue';
import TemplateA from '@/views/produce/drawingsPage/TemplateA.vue'
import TemplateB from '@/views/produce/drawingsPage/TemplateB.vue'
const activeName = ref('模板管理')


onMounted(() => {

})
</script>

<style scoped>
.produce-drawings {
    padding: 20px;
}
</style>
